@import "common.css";
#personal{
  #per_info{
    background-image: url(../chqimage/beijing.png) ;
    background-repeat: no-repeat;
    background-size:cover;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:2rem 0;
    .per_info_touxiang{
      text-align: center;
      width:25%;
      img{
        width:100%;
      }
    }
    .per_info_name{
      padding:.2rem 0;
      font-size:1.5rem;
      color:#fff;
    }
    .per_info_phone{
      padding:.2rem 0;
      font-size:1.3rem;
      color:#e6e6e6;
      background: url("../chqimage/icon-phone.png") no-repeat;
      background-size:contain;
      span{
        padding-left:1.8rem;
      }
      img{
        position: absolute;
        top:.5rem;
      }
    }

  }
  #per_state{
    display: flex;
    .state{
      width: 33.3%;
      font-size:1.3rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color:#fff;
      margin:1rem .2rem 0 0;
      padding:1rem 0;
      .state_img{
        text-align: center;
        width:40%;
        img{
          width:100%;
        }
      }
      .state_info{
        color:#4d4d4d;
        padding-top:.2rem;
      }
    }
  }
}